<%@page import="com.tucue.model.Faq" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>常见问题新建/编辑</title>
        <link rel="stylesheet" href="<%request.getContextPath();%>/css/bootstrap.min.css">
        <link rel="stylesheet" href="<%request.getContextPath();%>/css/commonStyle.css">
        <link rel="stylesheet" href="<%request.getContextPath();%>/css/Login.css">
        <script src="<%request.getContextPath();%>/js/jquery-1.11.2.min.js"></script>
        <script src="<%request.getContextPath();%>/js/bootstrap.min.js"></script>
        <!--  Text Editor begin  -->
        <script charset="utf-8" src="<%request.getContextPath();%>/js/kindeditor/kindeditor-min.js"></script>
        <script charset="utf-8"  src="<%request.getContextPath();%>/js/kindeditor/lang/zh_CN.js"></script>
        <script>
            var editor;
            KindEditor.ready(
                    function(K)
                    {
                        editor = K.create('textarea[name="content"]',
                                {
                                    allowFileManager : true ,
                                    resizeType:0
                                }
                        );

                    }
            );
        </script>
        <!--  Text Editor end  -->
        <!--  Text Editor end  -->
    </head>

    <div class="container" style="width:1052px; margin:0px;">

        <!--      页头-->
        <div class="row show-grid">
            <h3 class="Page_title">${titlename}</h3>
        </div>

        <form class="row show-grid unified-border" action="/${addOrUpdate}/faq" method="post">
        <!--         标题-->
          <div class="form-group">
            <label  class="col-sm-2 control-label">标题</label>
            <div class="col-sm-3">
                <input name="title" type="text" class="form-control"  placeholder="如何入驻" value="${questions.title}">
            </div>
            <p class="help-inline">最多18个汉字</p>
          </div>
<!--         正文-->
          <div class="form-group">
            <label class="col-sm-2 control-label">正文</label>
              <div id="tro" class="col-sm-5" style="margin-top:10px; margin-left:14px;">
                  <textarea name="content" style=" display:block;width:700px;height:450px; margin-left:auto; margin-right:auto;">${questions.content}</textarea>
              </div>
          </div>
<!--          操作备注-->
           <div class="form-group">
            <label  class="col-sm-2 control-label">操作备注</label>
            <div class="col-sm-8">
              <textarea name="logContent" class="form-control" rows="3" style="width: 700px;"></textarea>
            </div>
          </div>

            <div class="buttongroup" style="width:970px; margin-left:0px; margin-top:0px;">
                <button type="button" class="btn btn-primary" id="contact_btn1">保存为草稿</button>
                <button type="button" class="btn btn-primary" id="contact_btn2">保存并上线</button>
                <button type="button" class="btn btn-primary" id="p_savenone" style="margin-left: 80px;width:100px;margin-top:13px;">取消</button>
            </div>
            <!-- 保存为草稿的弹窗 开始 -->
            <div id="Popups_savech" class="Popup_out_st">
                <div id="Con_box_savech" class="Popup_in_st">
                    <img src="../images/close.png" id="closePopups_savech" class="Close_Popups"/>
                    <label class="Popup_label">保存为草稿</label>
                    <hr class="Popup_in_hr"/>
                    <p class="Popup_in_p">保存修改内容？</p>
                    <button type="submit" class="btn btn-primary" id="Popups_saveyes" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                    <button class="btn btn-primary" id="Popups_saveno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
                </div>
            </div>
            <!-- 保存为草稿弹窗 结束 -->
            <!-- 保存并上线弹窗 开始 -->
            <div id="Popups_saveup" class="Popup_out_st">
                <div id="Con_box_saveup" class="Popup_in_st">
                    <img src="../images/close.png" id="closePopups_saveup" class="Close_Popups"/>
                    <label class="Popup_label">保存并上线</label>
                    <hr class="Popup_in_hr"/>
                    <p class="Popup_in_p">保存修改内容并发布上线？</p>
                    <button type="submit" class="btn btn-primary" id="Popups_saveupyse" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                    <button class="btn btn-primary" id="Popups_saveupno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
                </div>
            </div>
            <!-- 保存并上线弹窗 结束 -->
            <!-- 取消弹窗 开始 -->
            <div id="Popups_savenone" class="Popup_out_st">
                <div id="Con_box_savenone" class="Popup_in_st">
                    <img src="../images/close.png" id="closePopups_savenone" class="Close_Popups"/>
                    <label class="Popup_label">取消</label>
                    <hr class="Popup_in_hr"/>
                    <p class="Popup_in_p">确定放弃当前文案修改？</p>
                    <button type="reset" class="btn btn-primary" id="Popups_savenoneyse" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                    <button class="btn btn-primary" id="Popups_savenoneno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
                </div>
            </div>
            <!-- 取消弹窗 结束 -->
        </form>
    </div>
    </div>
    <script type="text/javascript">
        wdh=$(window).width();
        left=(wdh-330)/2;
        www=$(document).width();
        hhh=$(document).height();
        $(document).ready(function(){
            //保存为草稿
            $("#contact_btn1").click(function(){
                $("#Popups_savech").fadeIn("slow");
                $("#page_index").css('overflow','scroll');
                $("#page_index").css('overflow','hidden');
                $("#Con_box_savech").css('margin-left',left);
                $("#Con_box_savech").css('margin-top','450px');
            });
            $("#closePopups_savech").click(function(){
                $("#Popups_savech").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            $("#Popups_saveyes").click(function(){
                $("#Popups_savech").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            $("#Popups_saveno").click(function(){
                $("#Popups_savech").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            //保存并上线
            $("#contact_btn2").click(function(){
                $("#Popups_saveup").fadeIn("slow");
                $("#page_index").css('overflow','scroll');
                $("#page_index").css('overflow','hidden');
                $("#Con_box_saveup").css('margin-left',left);
                $("#Con_box_saveup").css('margin-top','450px');
            });
            $("#closePopups_saveup").click(function(){
                $("#Popups_saveup").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            $("#Popups_saveupyse").click(function(){
                $("#Popups_saveup").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            $("#Popups_saveupno").click(function(){
                $("#Popups_saveup").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            //取消
            $("#p_savenone").click(function(){
                $("#Popups_savenone").fadeIn("slow");
                $("#page_index").css('overflow','scroll');
                $("#page_index").css('overflow','hidden');
                $("#Con_box_savenone").css('margin-left',left);
                $("#Con_box_savenone").css('margin-top','450px');
            });
            $("#closePopups_savenone").click(function(){
                $("#Popups_savenone").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            $("#Popups_savenoneyse").click(function(){
                $("#Popups_savenone").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            $("#Popups_savenoneno").click(function(){
                $("#Popups_savenone").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });
            $("#page_index ").css('width',www);
        });
        $(window).resize(function(){
            wdh=$(window).width();
            left=(wdh-330)/2;
            www=$(document).width();
            //保存为草稿
            $("#Con_box_savech").css('margin-left',left);
            $("#Con_box_savech").css('margin-top','450px');
            //保存并上线
            $("#Con_box_saveup").css('margin-left',left);
            $("#Con_box_saveup").css('margin-top','450px');
            //取消
            $("#Con_box_savenone").css('margin-left',left);
            $("#Con_box_savenone").css('margin-top','450px');

            $("#page_index ").css('width',www);
        });
    </script>
    </body>
</html>